<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="referrer" content="no-referrer"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>魅族官网 - 魅族 16s Pro 手机,让热爱 更澎湃</title>
    <link rel="stylesheet" href="/static/assets/icomoon/style.css">
    <link rel="stylesheet" href="/static/css/1reset.css">
    <link rel="stylesheet" href="/static/css/2index.css">
    <link rel="stylesheet" href="/static/css/3style.css">
</head>
<body>
<div class="wrapper" id="wrapper">
    <div class="box banner">
        <div class="item">
            <img src="/static/assets/images/banner/1.jpg" alt="">
            <img src="/static/assets/images/banner/2.jpg" alt="">
            <img src="/static/assets/images/banner/3.jpg" alt="">
            <img src="/static/assets/images/banner/4.jpg" alt="">
            <img src="/static/assets/images/banner/5.jpg" alt="">
            <img src="/static/assets/images/banner/6.jpg" alt="">
            <img src="/static/assets/images/banner/7.jpg" alt="">
            <img src="/static/assets/images/banner/8.jpg" alt="sss">
        </div>
        <div class="control">
            <div class="left">&lt;</div>
            <div class="right">&gt;</div>
        </div>
        <div class="pointers"></div>
    </div>
    <div class="bg-white"></div>
    <!-- 头部开始 -->
    <header class="header">
        <div class="container">
            <h1 class="logo"><a href="index.html">
                <img src="/static/assets/images/logo_white.png" alt="">
            </a></h1>
            <div class="cart">
                <a class="header-cart icon-cart " href="car.html">
                    <em>0</em>
                </a>
                <div class="cart-cont">

                </div>
            </div>


            <div class="header-user icon-user">
                {% if user.is_authenticated %}
                    <ul class="YesLogin">
                        <span></span>
                        <li><a href="{{ url('users:usercenter') }}">个人中心</a></li>
                        <li><a href="personal.html">我的订单</a></li>
                        <li><a href="#">M码通道</a></li>
                        <li><a href={{ url('users:logout') }} class="out">退出登录</a></li>
                    </ul>

                {% else %}


                    <ul class="NoLogin">
                        <span></span>
                        <li><a href="{{ url('users:login') }}">立即登录</a></li>
                        <li><a href="{{ url('users:register') }}">立即注册</a></li>
                        <li><a href="#">我的订单</a></li>
                        <li><a href="#">M码通道</a></li>
                    </ul>
                {% endif %}
            </div>

            <div class="header-search">
                <input type="text" placeholder="魅族 16s Pro">
                <a class="icon-search" href="/static/"></a>
            </div>
            <ul class="nav">
                <li class="nav-item" data-subNav="nav-phone"><a href="phone.html">手机</a></li>
                <li class="nav-item" data-subNav="nav-acoustics"><a href="#">声学</a></li>
                <li class="nav-item " data-subNav="nav-parts"><a href="">配件</a></li>
                <li class="nav-item " data-subNav=" nav-life"><a href="#">生活</a></li>
                <li class="nav-item"><a href="/static/#">Flyme</a></li>
                <li class="nav-item"><a href="/static/#">服务</a></li>
                <li class="nav-item"><a href="/static/#">专卖店</a></li>
                <li class="nav-item"><a href="/static/#">社区</a></li>
                <li class="nav-item " data-subNav=" nav-app"><a href="/static/#">APP下载</a></li>
            </ul>
        </div>
    </header>
    <!-- 小导航开始 -->
    <div class="sub-nav">
        <div class="container">
            <div class="sub-nav_wrap" data-link="nav-phone">
                <a href="/static/#">
                    <img src="/static/assets/images/cont/1-1.jpg" alt="#">
                    <span>魅族 16s Pro</span>
                    <span>￥2699</span>
                </a>
                <a href="/static/#">
                    <img src="/static/assets/images/cont/1-2.jpg" alt="#">
                    <span>魅族 16Xs</span>
                    <span>￥1499</span>
                </a>
                <a href="/static/#">
                    <img src="/static/assets/images/cont/1-3.jpg" alt="#">
                    <span>魅族 16s</span>
                    <span>￥2699</span>
                </a>
                <a href="/static/#">
                    <img src="/static/assets/images/cont/1-4.jpg" alt="#">
                    <span>魅族 Note9</span>
                    <span>￥1199</span>
                </a>
                <a href="/static/#">
                    <img src="/static/assets/images/cont/1-5.jpg" alt="#">
                    <span>魅族 16th</span>
                    <span>￥2298</span>
                </a>
                <a href="/static/#">
                    <img src="/static/assets/images/cont/1-6.jpg" alt="#">
                    <span>魅族 16X</span>
                    <span>￥1598</span>
                </a>
                <a href="/static/#">
                    <img src="/static/assets/images/cont/1-7.jpg" alt="#">
                    <span>魅族 X8</span>
                    <span>￥1298</span>
                </a>
                <a href="/static/#">
                    <img src="/static/assets/images/cont/1-8.jpg" alt="#">
                    <span>魅族 Note8</span>
                    <span>￥999</span>
                </a>
            </div>
            <div class="sub-nav_wrap" data-link="nav-acoustics">
                <a href="/static/#">
                    <img src="/static/assets/images/cont/2-1.jpg" alt="#">
                    <span>MEIZU UR 耳机</span>
                    <span>￥200</span>
                </a>
                <a href="/static/#">
                    <img src="/static/assets/images/cont/2-2.jpg" alt="#">
                    <span>魅族 EP3C 耳机</span>
                    <span>￥129</span>
                </a>
                <a href="/static/#">
                    <img src="/static/assets/images/cont/2-3.jpg" alt="#">
                    <span>HiFi 解放耳放</span>
                    <span>￥269</span>
                </a>
                <a href="/static/#">
                    <img src="/static/assets/images/cont/2-4.jpg" alt="#">
                    <span>POP2 真无线蓝牙</span>
                    <span>￥399</span>
                </a>
                <a href="/static/#">
                    <img src="/static/assets/images/cont/2-5.jpg" alt="#">
                    <span>EP63NC 无线降噪</span>
                    <span>￥499</span>
                </a>
                <a href="/static/#">
                    <img src="/static/assets/images/cont/2-6.jpg" alt="#">
                    <span>HiFi 解码耳放</span>
                    <span>￥169</span>
                </a>
                <a href="/static/#">
                    <img src="/static/assets/images/cont/2-7.jpg" alt="#">
                    <span>魅族 EP2C 耳机</span>
                    <span>￥129</span>
                </a>
                <a href="/static/#">
                    <img src="/static/assets/images/cont/2-8.jpg" alt="#">
                    <span>HALO 激光蓝牙耳机</span>
                    <span>￥499</span>
                </a>
            </div>
            <div class="sub-nav_wrap" data-link="nav-parts">
                <a href="/static/#">
                    <img src="/static/assets/images/cont/3-1.jpg" alt="#">
                    <span>魅族移动电源3</span>
                    <span>￥79</span>
                </a>
                <a href="/static/#">
                    <img src="/static/assets/images/cont/3-2.jpg" alt="#">
                    <span>魅族路由器 极速版</span>
                    <span>￥99</span>
                </a>
                <a href="/static/#">
                    <img src="/static/assets/images/cont/3-3.jpg" alt="#">
                    <span>魅族Micro USB 数据线</span>
                    <span>￥29</span>
                </a>
                <a href="/static/#">
                    <img src="/static/assets/images/cont/3-4.jpg" alt="#">
                    <span>Type-C 金属数据线</span>
                    <span>￥39</span>
                </a>
                <a href="/static/#">
                    <img src="/static/assets/images/cont/3-5.jpg" alt="#">
                    <span>快速充电适配器</span>
                    <span>￥69</span>
                </a>
                <a href="/static/#">
                    <img src="/static/assets/images/cont/3-6.jpg" alt="#">
                    <span>16s Pro 亲肤壳膜</span>
                    <span>￥39</span>
                </a>
            </div>
            <div class="sub-nav_wrap" data-link="nav-life">
                <a href="/static/#">
                    <img src="/static/assets/images/cont/4-1.jpg" alt="#">
                    <span>Lifeme 梨木伞</span>
                    <span>￥499</span>
                </a>
                <a href="/static/#">
                    <img src="/static/assets/images/cont/4-2.jpg" alt="#">
                    <span>Pandaer readnap T恤</span>
                    <span>￥199</span>
                </a>
                <a href="/static/#">
                    <img src="/static/assets/images/cont/4-3.jpg" alt="#">
                    <span>魅族星球探索 鼠标垫</span>
                    <span>￥69</span>
                </a>
                <a href="/static/#">
                    <img src="/static/assets/images/cont/4-4.jpg" alt="#">
                    <span>魅族星球探索 帆布袋</span>
                    <span>￥69</span>
                </a>
                <a href="/static/#">
                    <img src="/static/assets/images/cont/4-5.jpg" alt="#">
                    <span>魅族极简都市双肩包</span>
                    <span>￥179</span>
                </a>
                <a href="/static/#">
                    <img src="/static/assets/images/cont/4-6.jpg" alt="#">
                    <span>魅族Mini线控自拍杆</span>
                    <span>￥59</span>
                </a>
            </div>
            <div class="sub-nav_wrap nav-app-a" data-link="nav-app">
                <div class="app">
                    <img src="/static/assets/images/cont/5.jpg" alt="">
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 小导航结束 -->
<!-- 头部结束 -->
<!-- 广告开始 -->
<div class="adv">
    <div class="container">
        <li><a href="/static/#"><img src="/static/assets/images/adv/1.png" alt=""><span>魅族 16s Pro</span>
            <p>让热爱更澎湃</p></a></li>
        <li><a href="/static/#"><img src="/static/assets/images/adv/2.png" alt=""><span>魅族 16s </span>
            <p>限时特惠</p></a></li>
        <li><a href="/static/#"><img src="/static/assets/images/adv/3.jpg" alt=""><span>魅族 Note9 </span>
            <p>限时特惠</p></a></li>
        <li><a href="/static/#"><img src="/static/assets/images/adv/4.jpg" alt=""><span>Mcycle</span>
            <p>以旧换新</p></a></li>
    </div>
</div>
<!-- 广告结束 -->
<!-- 商品列表开始 -->
<main class="main"></main>
<!-- 商品列表结束 -->

<!-- 热帖社区开始 -->
<div class="section-box section-comment-box">
    <div class="section-title">
        <h1>社区热帖</h1>
    </div>
    <div class="section-box-row">
        <div class="container">
            <ul class="clearfix">
                <li>
                    <div class="section-item-box">
                        <a class="box-img" href="/static/https://bbs.meizu.cn/thread-10755652-1-1.html" target="_blank">
                            <img src="/static/assets/images/comment/1.jpg" alt="">
                            <div class="comment-user">
                                <img src="/static/assets/images/comment/1-1.jpg" alt="">
                                <span class="comment-username">hooyeah</span>
                            </div>
                            <p>魅族 Note9 邀请函 JK 服妹子出镜，谁才是最美游戏姬？</p>
                            <span class="comment-tip">魅族 Note9</span>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="section-item-box">
                        <a class="box-img" href="/static/https://bbs.meizu.cn/thread-10669006-1-1.html" target="_blank">
                            <img src="/static/assets/images/comment/2.jpg" alt="">
                            <div class="comment-user">
                                <img src="/static/assets/images/comment/2-2.jpg" alt="">
                                <span class="comment-username">xrx3p</span>
                            </div>
                            <p>摄影离不开适当的后期，好在如今你可以在魅族手机上轻松完成操作。</p>
                            <span class="comment-tip">摄影技巧</span>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="section-item-box">
                        <a class="box-img" href="/static/https://bbs.meizu.cn/thread-10653958-1-1.html" target="_blank">
                            <img src="/static/assets/images/comment/3.jpg" alt="">
                            <div class="comment-user">
                                <img src="/static/assets/images/comment/3-3.jpg" alt="">
                                <span class="comment-username">小墨灰</span>
                            </div>
                            <p>工作和学习中的沟通总离不开邮件，而 Flyme 邮箱的出色体验为我们带来的不只是生产力。</p>
                            <span class="comment-tip">功能解析</span>
                        </a>
                    </div>
                </li>
                <li class="last">
                    <div class="section-item-box">
                        <a class="box-img" href="/static/https://bbs.meizu.cn/thread-10651239-1-1.html" target="_blank">
                            <img src="/static/assets/images/comment/4.jpg" alt="">
                            <div class="comment-user">
                                <img src="/static/assets/images/comment/4-4.jpg" alt="">
                                <span class="comment-username">Keicy520</span>
                            </div>
                            <p> 妙用 Flyme 分身，做生活和工作的「两面派」。</p>
                            <span class="comment-tip">功能解析</span>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="section-item-box">
                        <a class="box-img" href="/static/https://bbs.meizu.cn/thread-10619581-1-1.html" target="_blank">
                            <img src="/static/assets/images/comment/5.jpg" alt="">
                            <div class="comment-user">
                                <img src="/static/assets/images/comment/5-5.jpg" alt="">
                                <span class="comment-username">步惊云</span>
                            </div>
                            <p>这款匠心精神打造的十五周年旗舰机，再不下手就要后悔啦~</p>
                            <span class="comment-tip">魅族 15</span>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="section-item-box">
                        <a class="box-img" href="/static/https://bbs.meizu.cn/thread-10598593-1-1.html" target="_blank">
                            <img src="/static/assets/images/comment/6.jpg" alt="">
                            <div class="comment-user">
                                <img src="/static/assets/images/comment/6-6.jpg" alt="">
                                <span class="comment-username">郑金龙</span>
                            </div>
                            <p>千元最强性能手机登场，高通骁龙 710 次旗舰级处理器加持，玩王者荣耀 Vulkan 模式请认准魅族 X8。~</p>
                            <span class="comment-tip">魅族 X8</span>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="section-item-box">
                        <a class="box-img" href="/static/https://bbs.meizu.cn/thread-10672375-1-1.html" target="_blank">
                            <img src="/static/assets/images/comment/7.jpg" alt="">
                            <div class="comment-user">
                                <img src="/static/assets/images/comment/7-7.jpg" alt="">
                                <span class="comment-username">屌丝扮海绵</span>
                            </div>
                            <p>“窗含西岭千秋雪” 魅族 16th 用旗舰双摄带你领略诗句中的美景。</p>
                            <span class="comment-tip">魅族 16th</span>
                        </a>
                    </div>
                </li>
                <li class="last">
                    <div class="section-item-box">
                        <a class="box-img" href="/static/https://bbs.meizu.cn/thread-10595905-1-1.html" target="_blank">
                            <img src="/static/assets/images/comment/8.jpg" alt="">
                            <div class="comment-user">
                                <img src="/static/assets/images/comment/8-8.jpg" alt="">
                                <span class="comment-username">醉刘的摄影狮</span>
                            </div>
                            <p>准旗舰游戏拍照手机魅族 X8，不止有实力，还有最美刘海屏！ </p>
                            <span class="comment-tip">魅族 X8</span>
                        </a>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
<!-- 热帖社区结束 -->

<!-- Flyme开始 -->
<div class="section-box section-flyme-box">
    <div class="section-title">
        <h1>Flyme</h1>
    </div>
    <div class="section-box-row">
        <div class="container">
            <ul class="clearfix">
                <li>
                    <div class="section-item-box">
                        <a class="box-img" href="/static/https://bbs.meizu.cn/thread-10706945-1-1.html" target="_blank">
                            <div class="flyme-box">
                                <img src="/static/assets/images/Flyme/1.png" alt="">
                            </div>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="section-item-box">
                        <a class="box-img" href="/static/https://bbs.meizu.cn/thread-10608539-1-1.html" target="_blank">
                            <div class="flyme-box">
                                <img src="/static/assets/images/Flyme/2.jpg" alt="">
                            </div>
                            <p>管理手机妙招</p>
                        </a>
                    </div>
                </li>
                <li class="last">
                    <div class="section-item-box">
                        <a class="box-img" href="/static/https://bbs.meizu.cn/thread-10582408-1-1.html" target="_blank">
                            <div class="flyme-box">
                                <img src="/static/assets/images/Flyme/3.jpg" alt="">
                            </div>
                            <p>全局夜间模式</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="section-item-box">
                        <a class="box-img" href="/static/https://bbs.meizu.cn/thread-10327073-1-1.html" target="_blank">
                            <div class="flyme-box">
                                <img src="/static/assets/images/Flyme/4.jpg" alt="">
                            </div>
                            <p>性能更出众</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="section-item-box">
                        <a class="box-img" href="/static/https://bbs.meizu.cn/thread-10326075-1-1.html" target="_blank">
                            <div class="flyme-box">
                                <img src="/static/assets/images/Flyme/5.jpg" alt="">
                            </div>
                            <p>解锁真的快</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="section-item-box">
                        <a class="box-img" href="/static/https://bbs.meizu.cn/thread-10305545-1-1.html" target="_blank">
                            <div class="flyme-box">
                                <img src="/static/assets/images/Flyme/6.jpg" alt="">
                            </div>
                            <p>全新魅族社区</p>
                        </a>
                    </div>
                </li>
                <li class="last">
                    <div class="section-item-box">
                        <a class="box-img" href="/static/https://bbs.meizu.cn/thread-8703088-1-1.html" target="_blank">
                            <div class="flyme-box">
                                <img src="/static/assets/images/Flyme/7.jpg" alt="">
                            </div>
                            <p>驾驶辅助</p>
                        </a>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
<!-- Flyme结束 -->

<!-- 精彩视频开始 -->
<div class="section-box section-flyme-box section-video-box">
    <div class="section-title">
        <h1>精彩视频</h1>
    </div>
    <div class="section-box-row">
        <div class="container">
            <ul class="clearfix">
                <li>
                    <div class="section-item-box">
                        <a class="box-img" href="javascript:;" target="_blank">
                            <div class="flyme-box">
                                <i></i>
                                <img src="/static/assets/images/video/1.jpg" alt="">
                            </div>
                            <p>让热爱 更澎湃：魅族 16s Pro 手机</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="section-item-box">
                        <a class="box-img" href="javascript:;" target="_blank">
                            <div class="flyme-box">
                                <i></i>
                                <img src="/static/assets/images/video/2.jpg" alt="">
                            </div>
                            <p>极边全面屏 三摄长续航：魅族 16Xs 手机</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="section-item-box">
                        <a class="box-img" href="javascript:;" target="_blank">
                            <div class="flyme-box">
                                <i></i>
                                <img src="/static/assets/images/video/3.jpg" alt="">
                            </div>
                            <p>极边全面屏 三摄长续航：魅族 16Xs 手机</p>
                        </a>
                    </div>
                </li>
                <li class="last">
                    <div class="section-item-box">
                        <a class="box-img" href="javascript:;" target="_blank">
                            <div class="flyme-box">
                                <i></i>
                                <img src="/static/assets/images/video/4.jpg" alt="">
                            </div>
                            <p>追求不止 只因热爱：魅族 16s 旗舰手机</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="section-item-box">
                        <a class="box-img" href="/static/javascript:;" target="_blank">
                            <div class="flyme-box">
                                <i></i>
                                <img src="/static/assets/images/video/5.jpg" alt="">
                            </div>
                            <p>Flyme 7</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="section-item-box">
                        <a class="box-img" href="/static/javascript:;" target="_blank">
                            <div class="flyme-box">
                                <i></i>
                                <img src="/static/assets/images/video/6.jpg" alt="">
                            </div>
                            <p>安全家庭</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="section-item-box">
                        <a class="box-img" href="/static/javascript:;" target="_blank">
                            <div class="flyme-box">
                                <i></i>
                                <img src="/static/assets/images/video/7.jpg" alt="">
                            </div>
                            <p>魅族互娱 MGC 探险嘉年华</p>
                        </a>
                    </div>
                </li>
                <li class="last">
                    <div class="section-item-box">
                        <a class="box-img" href="/static/javascript:;" target="_blank">
                            <div class="flyme-box">
                                <i></i>
                                <img src="/static/assets/images/video/8.jpg" alt="">
                            </div>
                            <p>魅族 X8 游戏性能测试</p>
                        </a>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
<!-- 精彩视频结束 -->
<!-- 底部开始 -->
<div class="hxbottom"></div>

</body>
<script src="/static/assets/jquery.js"></script>
<script src="/static/assets/jquery.slideRotary.js"></script>
<script src="/static/assets/jquery.cookie.js"></script>
<script src="/static/assets/nav.js"></script>
<script src="/static/js/index.js"></script>
<script>
    // 轮播图
    $(".banner").slideRotary({
        imgs: $(".banner").find(".item").find("img"),
        left: $(".banner").find(".control").find(".left"),
        right: $(".banner").find(".control").find(".right"),
        point: $(".banner").find(".pointers"),
        autoply: true,
        duration: 500,
        autoTime: 4000
    })
    var users = $(".header-user");
    var user_list = users.find(".NoLogin");
    var user_list2 = users.find(".YesLogin");
    users.hover(function () {
        user_list.stop().slideDown()
    }, function () {
        user_list.stop().slideUp()
    })
    users.hover(function () {
        user_list2.stop().slideDown()
    }, function () {
        user_list2.stop().slideUp()
    })
    $(".hxbottom").load("reset.html .b", function () {
        // 底部小图标显示
        var language = $(".language");
        var language_ul = $(".language").find("ul");
        var subsrcibe_a1 = $(".subsrcibe").children("a").eq(0);
        var subsrcibe_a2 = $(".subsrcibe").children("a").eq(1);
        var subsrcibe_img1 = subsrcibe_a1.find("img");
        var subsrcibe_img2 = subsrcibe_a2.find("img");

        language.hover(function () {
            language_ul.stop().show()
        }, function () {
            language_ul.stop().hide()
        })
        language_ul.hover(function () {
            language_ul.stop().show()
        }, function () {
            language_ul.stop().hide()
        })

        subsrcibe_a1.hover(function () {
            subsrcibe_img1.stop().show()
        }, function () {
            subsrcibe_img1.stop().hide()
        })
        subsrcibe_img1.hover(function () {
            subsrcibe_img1.stop().show()
        }, function () {
            subsrcibe_img1.stop().hide()
        })
        subsrcibe_a2.hover(function () {
            subsrcibe_img2.stop().show()
        }, function () {
            subsrcibe_img2.stop().hide()
        })
        subsrcibe_img2.hover(function () {
            subsrcibe_img2.stop().show()
        }, function () {
            subsrcibe_img2.stop().hide()
        })

    })
</script>
</html>